<template>
<div class="card-item">
  <div class="item">
     <div class="detail-mark"></div>
      <div class="detail-mark-text">{{index + 1}}</div>
      <div class="order-num">
        <span class="lb">
          运单号:
          </span>
          <span class="val">
            <span v-html="item.YDH"></span>
          </span>
          </div>
          <div class="persons">
              <div class="person send">
                <div class="circle send">
                  寄
                </div>
                 <div class="p">
                   <div class="name"><span v-html="item.JJLXR"></span></div>
                   <div class="phone"><span v-html="item.JJSJH"></span></div>
                 </div>
              </div>
              <div class="arrow-to">
                <div class="time"><span v-html="item.JJSJ"></span></div>
                <div class="arrow">
                   <i class="begin iconfont-page icon-page-yuandian_zhengchang"></i>
                   <i class="line"></i>
                   <i class="end iconfont-page icon-page-jiantouarrow486"></i>
                </div>
              </div>
              <div class="person received">
             <div class="circle send">
                  收
                </div>
                 <div class="p">
                   <div class="name"><span v-html="item.SJLXR"></span></div>
                   <div class="phone"><span v-html="item.SJSJH"></span></div>
                 </div>
              </div>
          </div>
          <div class="address-block">
              <div class="address send">
                <span class="lb">寄件地址：</span>
                <span class="val"><span v-html="item.JJDZ"></span></span>
              </div>
              <div class="address received">
                <span class="lb">收件地址：</span>
                <span class="val"><span v-html="item.SJDZ"></span></span>
              </div>
          </div>
  </div>
</div>
</template>
<script>
export default {
    props: {
      index: {
        type: Number
      },
      item: {
        type: Object
      }
    },
    data () {
      return {
      }
    }
  }
</script>